//查看模态框
import React, { Component } from "react";
import { connect } from "dva";

import {
    Form,
    Radio,
    Modal,
    Table,
    Select,
    Cascader,
    DatePicker,
    Dropdown,
    Button,
    Icon,
    message,
    Pagination,
    Input,
    TimePicker
} from "antd";
import moment from "moment";
const { TextArea } = Input;


//form表单套件
const { MonthPicker, RangePicker, WeekPicker } = DatePicker;


    class Checkmodal extends Component {


 


        render() {
           
            const { visible2, onCancel, onCreate, form ,text,row} = this.props;
            console.log(this.props.row)
           
         
           if(text == "能源消耗统计表") {
            return (
              <Modal
                 
                  visible={visible2}
                  title="查看记录"
                  okText="保存"
                  cancelText="关闭"
                  onCancel={onCancel}
                  onOk={this.save}
                 
              >
              日期 <DatePicker defaultValue={moment(moment(row.takeTime).format('YYYY-MM-DD'), 'YYYY-MM-DD')} disabled={true} />
               时间 <TimePicker disabled={true} defaultValue={moment(moment(row.takeTime).format('HH:mm:ss'), 'HH:mm:ss')}/><br/>
              燃气抄表值/Nm³ : <Input type="textarea"  size="small" defaultValue={row.useNaturalGas} disabled={true} style={{width:170,marginTop:10}}/> <br/>
              电耗抄表值 : <Input type="textarea" size="small" defaultValue={row.useElectric} disabled={true} style={{width:170,marginTop:10}}/><br/>
              水耗抄表值 : <Input type="textarea" size="small" defaultValue={row.useWater} disabled={true} style={{width:170,marginTop:10}}/><br/>
              记录人 : <Input type="textarea" size="small"  defaultValue={row.opertion} disabled={true} style={{width:170,marginTop:10}}/><br/>
              <span>备注</span>  : <TextArea type="textarea" defaultValue={row.remarkText} disabled={true} style={{width:300,marginTop:10}}/><br/>
                
              </Modal>
          )
           }
           if(text == "土壤处理量统计表") {
            return (
              <Modal
                  destroyOnClose={true}
                  visible={visible2}
                  title="查看记录"
                  okText="保存"
                  cancelText="关闭"
                  onCancel={onCancel}
                  onOk={onCreate}
              >
               日期 : <DatePicker size="small" disabled={true} defaultValue={moment(moment(row.takeTime).format('YYYY-MM-DD'), 'YYYY-MM-DD')} />
               时间 :   <Select defaultValue={row.times} style={{width:130,marginTop:10}}  disabled={true}>
                            <Option value="00:00-06:00">00:00-06:00</Option>
                             <Option value="06:00-12:00">06:00-12:00</Option>
                             <Option value="12:00-18:00">12:00-18:00</Option>
                             <Option value="18:00-00:00">18:00-00:00</Option>
                        </Select><br/>
               班组 : <Input disabled={true} style={{width:130,marginTop:10}} type="textarea" size="small"  defaultValue={row.banzu} /><br/>
              土壤处理量 : <Input size="small" style={{width:130,marginTop:10}} disabled={true} type="textarea" defaultValue={row.throughput} /><br/>

                 记录人 : <Input disabled={true} style={{width:130,marginTop:10}} type="textarea" size="small"  defaultValue={row.opertion} /><br/>
              备注  : <TextArea disabled={true} style={{width:300,marginTop:10}} type="textarea" defaultValue={row.remarkText} />
                 
              </Modal>
          )
           }
           if(text == "土壤修复指标汇总表") {
            return (
              <Modal
                  destroyOnClose={true}
                  visible={visible2}
                  title="查看记录"
                  okText="保存"
                  cancelText="关闭"
                  onCancel={onCancel}
                  onOk={onCreate}
              >
              批次 <Input style={{width:170,marginTop:10}} disabled={true} type="textarea" size="small"  defaultValue={row.batches} /><br/>
                开始日期 : <DatePicker style={{marginTop:10}} disabled={true} size="small" defaultValue={moment(moment(row.startTime).format('YYYY-MM-DD'), 'YYYY-MM-DD')} />
                开始时间 : <TimePicker style={{marginTop:10}} disabled={true} size="small"  defaultValue={moment(moment(row.startTime).format('HH:mm:ss'), 'HH:mm:ss')} /><br/>
                结束日期 : <DatePicker style={{marginTop:10}} disabled={true} size="small" defaultValue={row.endTime?moment(moment(row.endTime).format('YYYY-MM-DD'), 'YYYY-MM-DD'):""}/>
                结束时间 : <TimePicker style={{marginTop:10}} disabled={true} size="small"  defaultValue={row.endTime?moment(moment(row.endTime).format('HH:mm:ss'), 'HH:mm:ss'):""} /><br/>

                处理量 : <Input  disabled={true} type="textarea" size="small"  defaultValue={row.throughput} style={{width:170,marginTop:10}}/><br/>

                处理温度均值/℃ : <Input  disabled={true} type="textarea" size="small" defaultValue={row.processingTemperature} style={{width:170,marginTop:10}}/><br/>

                停留时间 : <Input  disabled={true} type="textarea" size="small"  defaultValue={row.waitTime} style={{width:170,marginTop:10}}/><br/>

                六氯苯 &nbsp; &nbsp; &nbsp;   处理前 : <Input style={{width:130,marginTop:10}} size="small" disabled={true} type="textarea" defaultValue={row.beforeProcessing1} />
                            处理后 : <Input size="small"  disabled={true} style={{width:130,marginTop:10}} type="textarea" defaultValue={row.afterProcessing1} /><br/>
                             硝基苯 &nbsp; &nbsp; &nbsp;  处理前 : <Input style={{width:130,marginTop:10}} size="small" disabled={true} type="textarea" defaultValue={row.beforeProcessing2} />
                            处理后 : <Input size="small"  disabled={true} type="textarea" style={{width:130,marginTop:10}} defaultValue={row.afterProcessing2} /><br/>
                            苯并(a)芘 &nbsp;  处理前 : <Input style={{width:130,marginTop:10}} size="small" disabled={true} type="textarea" defaultValue={row.beforeProcessing3} />
                            处理后 : <Input size="small"  disabled={true} type="textarea" style={{width:130,marginTop:10}} defaultValue={row.afterProcessing3} /><br/>
                            苯并(a)蒽 &nbsp;  处理前 : <Input style={{width:130,marginTop:10}} size="small" disabled={true} type="textarea" defaultValue={row.beforeProcessing4} />
                            处理后 : <Input size="small"  disabled={true} type="textarea" style={{width:130,marginTop:10}} defaultValue={row.afterProcessing4} /><br/>
                            三氯乙烯 &nbsp;  处理前 : <Input style={{width:130,marginTop:10}} size="small" disabled={true} type="textarea" defaultValue={row.beforeProcessing5} />
                            处理后 : <Input size="small"  disabled={true} type="textarea" style={{width:130,marginTop:10}} defaultValue={row.afterProcessing5} /><br/>
                            1,4-二氯苯   处理前 : <Input style={{width:130,marginTop:10}} size="small" disabled={true} type="textarea" defaultValue={row.beforeProcessing6} />
                            处理后 : <Input size="small"  disabled={true} type="textarea" style={{width:130,marginTop:10}} defaultValue={row.afterProcessing6} /><br/>
                             污染物质7   处理前 : <Input style={{width:130,marginTop:10}} size="small" disabled={true} type="textarea" defaultValue={row.beforeProcessing7} />
                            处理后 : <Input size="small"  disabled={true} type="textarea"  style={{width:130,marginTop:10}} defaultValue={row.afterProcessing7} /><br/>
                             污染物质8   处理前 : <Input style={{width:130,marginTop:10}} size="small" disabled={true} type="textarea" defaultValue={row.beforeProcessing8} />
                            处理后 : <Input size="small"  disabled={true} type="textarea" style={{width:130,marginTop:10}} defaultValue={row.afterProcessing8} /> <br/>           

              备注  <TextArea disabled={true} type="textarea" defaultValue={row.remarkText} />
                
              </Modal>
          )
           }
           
        }
    }


export default connect()(Checkmodal);
